
//得到a标签
var a1 = document.getElementsByClassName("aa")[0];
var a2 = document.getElementsByClassName("aa")[1];
var a3 = document.getElementsByClassName("aa")[2];
//得到li标签
var body = document.getElementById("body");
var li = body.getElementsByTagName("li");
//给每个li标签赋下标
for(var b=0;b<li.length;b++){
    li[b].index = b;
}
//点击事件
a1.onclick=function(){
    li[0].style.display = "block";//显示第一个块
    li[1].style.display = "none";//隐藏第二个块
    //li[2].style.display = "none";//隐藏第三个块
}
a2.onclick=function(){
    li[0].style.display = "none";//隐藏第一个块
    li[1].style.display = "block";//显示第二个块
    //li[2].style.display = "none";//隐藏第三个块
}
//a3.onclick=function(){
  // li[0].style.display = "none";//隐藏第一个块
   //li[1].style.display = "none";//隐藏第二个块
  //li[2].style.display = "block";//显示第三个块
//}

